<template>
    <div class="info-line">
        <div v-html="title+':'"></div>
        <div>{{itemVal}}</div>
    </div>
</template>

<script>
    export default {
        name: 'listText',
        props: ['title', 'itemVal'],
        data() {
            return {}
        },
        methods: {}
    }
</script>

<style scoped lang="less">
    .info-line {
        border-bottom: 1px solid #eee;
        margin: 0 16px;
        padding: 13px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;

        > div:nth-of-type(1) {
            width: 96px;
            font-size: 15px;
            color: #777777;
        }

        > div:nth-of-type(2) {
            flex: 1;
            font-size: 15px;
            color: #333;
        }
    }
</style>
